<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>案例库</title>
    <!--<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css">
-->
    <style>
        body{
            background-color: lightgray;
        }

        .cases_list{
            color: #333333;
            padding-left: 10px;
        }

        .cases_list:hover,.cases_list:active{
            color: #298DF8;
        }

        .cases_list:visited{
            color: #535353;
        }

        .pagination{text-align:center;margin-top:20px;margin-bottom: 20px;}
        .pagination li{margin:0px 5px; /*border:10px solid #e6e6e6;*/padding: 1px 2px;display: inline-block;font-size: 24px;}
        .pagination .active{background-color: #dd1a20;color: #fff;}
        .pagination .disabled{color:lightgray;}  

    </style>
</head>
<body>

<div style="background-color: white;min-height: 600px;width: 100%;">
    
    <div style="padding-top: 20px;padding-left:12%;display: flex;">
        <img style="width: 30px;height: 30px;" src="__IMG__/vote.png">

        <div style="margin-left:15px;font-size: 20px;font-weight: bold;">创意投票</div>
    </div>
    <div style="margin:10px 0px 10px 14%;font-size: 14px;color: #646464;">请为你欣赏的idea点赞👍</div>



    <div>
        <table style="font-size: 20px;margin: 0 auto;border-collapse:collapse;height:40px;line-height:170%;width: 70%;">
            <tr>
                <th style="width: 82%;">题目</th>
                <th>小组</th>
            </tr>
            {volist name="$public_tools_pagi" id="p"}      
            <tr>

                <td style="border-top: 1.3px solid #ccc;border-bottom: 1.3px solid #ccc;">
                    <a class="cases_list" href="{:url('index/getPublicRecords',array('toolId'=>$p.id))}">
                    {if condition="$p.tool_type == '四象限法'"}
                    {$p.tool_type} - {:iconv_substr($p.purpose,0,20)}
                    {else/}
                    {$p.tool_type} - {:iconv_substr($p.targetUser,0,20)}
                    {/if}
                    </a>
                </td>

                <td style="border-top: 1.3px solid #ccc;border-bottom: 1.3px solid #ccc;">
                <p style="padding-right: 10px;">{$p.prj_name}
                    {volist name="$projects" id="my"}
                        {if condition="$my.prj_id == $p.prj_id"}
                        <text style="color: #25b450;">(我的小组)</text>
                        {/if}
                    {/volist}
                </p>
                </td>
            </tr>
            {/volist}
        </table>
    </div>


    <!--分页-->
    <div style="padding-top: 15px;">
        {$public_tools_pagi->render() | raw}
    </div>



    <div style="text-align: center;margin-top: 100px;">
        <img src="__IMG__/continue.png" style="width: 200px;height: 180px;">
    </div>
</div>


<script>
    $('#header_cases').css('border-bottom','solid 2px #000000');
    $('#header_cases').css('font-weight','bold');

</script>
</body>
</html>